---
slug: sourceMap #路径，不能重复
title: sourceMap # 标题
authors: [] # 作者，在authors.yml配置
tags: [facebook, hello, docusaurus] # 标签，在tags.yml配置
toc_min_heading_level: 2 # 最小展示标题
toc_max_heading_level: 5 # 最大展示标题
---

1. 代码被丑化了，所以无法调试
2. 用ts写的代码会被转为js
3. 。。。

### sourcemap

1. 根据源文件，生成source-map文件，webpack在打包时，可以通过配置生成source-map

    ```js title="webpack.config.js"
        module.exports = {
          devtool: "source-map"
        }
    ```

    * 这样就生成了个bundle.js.map文件

2. 在转换后的代码，最后添加一个注释，它指向sourcemap

**这个注释是固定的**

```js title="bundle.js"
//# sourceMappingURL=bundle.js.map

```
